<template>
  <div>
    <h2>数据驱动视图</h2>
  <p>{{str}} </p>
  <button @click="aa">翻转</button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      str:'你好世界'
    }
  },
  methods: {
    aa(){
      // split('以什么进行分隔') 字符串转数组的方法 
      // reverse() 把数组的值进行翻转,调换
      // join('以什么进行分隔') 数组转字符串的方法
      this.str=this.str.split('').reverse().join('')
      console.log(this.str);
      // this.str='你好'
    }
  },
}
</script>

<style>

</style>